<!-- 功能汇总结构页 包含其他功能子路由 -->
<template>
  <div id="homes">
    <!-- 头部 功能 -->
    <HeaderFunction></HeaderFunction>
    <!-- 侧边栏组 -->
    <SideMenuGroup :lists="lists"></SideMenuGroup>
    <!-- 内容区域 -->
    <div class="content">
      <!-- 侧边栏点击功能 切换内容区域 子路由 -->
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import HeaderFunction from './parts/HeaderFunction'
import SideMenuGroup from './parts/SideMenuGroup'
export default {
  name: 'homes',
  components: {
    'HeaderFunction': HeaderFunction,
    'SideMenuGroup': SideMenuGroup
  },
  data () {
    return {
      lists: [
        { flag: false, menuPath: '/adminHomes/home', menuName: '首页', gregIcon: require('../../assets/icon-gather-grey.png'), whiteIcon: require('../../assets/icon-gather-white.png') },
        { flag: false, menuPath: '/adminHomes/xxxPage1', menuName: '用户信息管理', gregIcon: require('../../assets/icon-star-grey.png'), whiteIcon: require('../../assets/icon-star-white.png') },
        { flag: false, menuPath: '/adminHomes/xxxPage2', menuName: '回答信息管理', gregIcon: require('../../assets/icon-globe-grey.png'), whiteIcon: require('../../assets/icon-globe-white.png') },
        { flag: false, menuPath: '/adminHomes/xxxPage3', menuName: '问题信息管理', gregIcon: require('../../assets/icon-lock-grey.png'), whiteIcon: require('../../assets/icon-lock-white.png') },
        { flag: false, menuPath: '/adminHomes/xxxPage4', menuName: '私信信息管理', gregIcon: require('../../assets/icon-set-grey.png'), whiteIcon: require('../../assets/icon-set-white.png') }
      ]
    }
  },
  computed: {
  },
  methods: {
  }
}
</script>

<style scoped>
  #homes {
    height: 100%;
    width: 100%;
    position: fixed;
  }

  .content {
    height: 100%;
    width: 100%;
    padding-top: 50px;
    padding-left: 50px;
  }
</style>
